<!DOCTYPE html>
<html>
    <head>
        <title>Admin</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
        <script src="../resources/js/admin.js"></script>
        <link rel="stylesheet" type="text/css" href="../resources/css/admin.css">
        <link rel="stylesheet" type="text/css" href="../resources/css/button.css">
    </head>
    <body>
        <header id="header"></header>
        <nav id="navigation">
            <button type="button" onclick="setContent('addBars.html')" class="btn btn-hot btn-lg">Add User</button>
            <button type="button" onclick="setContent('addUsers.html')" class="btn btn-sunny btn-lg">Add Bars</button>
            <button type="button" onclick="setContent('barOverview.html')" class="btn btn-fresh btn-lg">Bar Overview</button>
            <button type="button" onclick="setContent('userOverview.html')" class="btn btn-sky btn-lg">User Overview</button>
        </nav>
        <div>
            <article id="content">
                <script>$("#content").load("addBars.html");</script>
            </article>
        </div>
        <footer id="footer">Footer</footer>
    </body>
</html>
